<%-- 
    Document   : paginaUsuarioLogado
    Created on : Mar 19, 2014, 1:29:25 PM
    Author     : valdevir
--%>

<%@page import="beans.ProdutoBean"%>
<%@page import="negocio.ProdutoDAO"%>
<%@page import="beans.SupermercadoBean"%>
<%@page import="java.util.ArrayList"%>
<%@page import="negocio.SupermercadoDAO"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<!doctype html>
<html lang="en">
    <head>
        <link rel="icon" type="image/png" href="images/icone.png" />
        <meta charset="utf-8">
        <title>Busca Preços - Página Usuário logado</title>
        <link rel="stylesheet" href="css/jquery-ui.css">
        <script src="js/jquery-2.1.0.min.js"></script>
        <script src="js/jquery-ui.js"></script>
        <link rel="stylesheet" href="demos.css">

        <script>
                    $(function() {
                    $("#tabs").tabs();
                    });
                    function deleteRecord(codProduto) {
                    alert("Hello World!=" + codProduto);
                            var f = document.form;
                            f.method = "post";
                            f.action = 'delete.jsp?codProduto=' + codProduto;
                            f.submit();
                    }
        </script>

        <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/redmond/jquery-ui.css" rel="stylesheet" type="text/css"/>

    </head>
    <body>

        <h1>Ola, <%=session.getAttribute("login")%>!</h1>

        <div id="tabs">
            <ul>
                <li><a href="#tabs-1">Usuário</a></li>
                <li><a href="#tabs-2">Supermercados</a></li>
                <li><a href="#tabs-3">Produtos Cadastrados</a></li>
            </ul>
            <div id="tabs-1">
                <p>Nome:</p>
                <input type="text" name="nome">
                <p>E-mail:</p>
                <input type="text" name="email">
                <p><input type='submit' name='Gravar'/></p>
            </div>
            <div id="tabs-2">
                <p>Razão Social:</p>
                <input type="text" name="razaoSocial">
                <p>Nome Fantasia:</p>
                <input type="text" name="nomeFantasia">
                <p>CNPJ:</p>
                <input type="text" name="cnpj">
                <p>Endereço:</p>
                <input type="text" name="endereco">
                <p><input type='submit' name='Gravar'/></p>
            </div>
            <div id="tabs-3">
                <%--<form action="SupermercadoServlet" method="post">--%>
                <%--<select name="selectSupermercado">  
                    <option value="0" selected>Selecionar</option>  
                    <c:forEach var="supermercados" items="${listaSupermercados}">     
                        <option value="${supermercados.cod_supermercado}">     
                            ${supermercado.dsc_razao_social}     
                        </option>     
                    </c:forEach>  
                </select>--%>

                <form method="post" name="form">
                    <!-- <select name="selectSupermercado"> 
                         <option value="0" selected>Selecionar</option>  
                    <%--  <%
                           SupermercadoDAO supermercadoDAO = new SupermercadoDAO();
                           supermercadoDAO.conectar();
                           ArrayList<SupermercadoBean> listaSupermercado = supermercadoDAO.buscarTodos();
                           for (int i = 0; i < listaSupermercado.size(); i++) {
                               SupermercadoBean supermercadoBean = listaSupermercado.get(i);
                       %> 
                       <option value=<%=supermercadoBean.getCodSupermercado()%>><%=supermercadoBean.getDscRazaoSocial()%></option> 
                       <%
                           }
                           supermercadoDAO.desconectar();
                       %> 
                  /*>
                  -->
                   </select>
                    --%>
                    -->
                    <select name="selectSupermercado"> 
                        <option value="0" selected>Selecione o Supermercado</option>  
                        <%
                            SupermercadoDAO supermercadoDAO2 = new SupermercadoDAO();
                            supermercadoDAO2.conectar();
                            ArrayList<SupermercadoBean> listaSupermercado2 = supermercadoDAO2.buscarTodos();
                            for (int i = 0; i < listaSupermercado2.size(); i++) {
                                SupermercadoBean supermercadoBean2 = listaSupermercado2.get(i);
                        %> 
                        <option value=<%=supermercadoBean2.getCodSupermercado()%>>
                            <%=supermercadoBean2.getDscRazaoSocial()%>
                        </option> 
                        <%
                            }
                            supermercadoDAO2.desconectar();
                        %> 
                    </select>
                    <p>Codigo Produto:</p>
                    <input  id="cod_produto" type="text" name="cod_produto">
                    <p>Descrição Produto:</p>
                    <input id="desc_produto" type="text" name="desc_produto">
                    <p>Valor Produto:</p>
                    <input id="vlr_produto" type="text" name="vlr_produto">
                    <p><input type='submit' name='Gravar'/></p>

                    <%--   <table>
                          <%
                              ProdutoDAO produtoDAO = new ProdutoDAO();
                              produtoDAO.conectar();

                            ArrayList<ProdutoBean> listaProduto = produtoDAO.buscarTodos();

                            for (ProdutoBean produto : listaProduto) {
                        %>
                        <table>                        
                            <tr>
                                <td><%=produto.getDscProduto()%></td>
                                <td><%=produto.getVlrProduto()%></td>
                                <td><input type="button" name="edit" value="Edit" style="background-color:green;font-weight:bold;color:white;" onclick="editRecord(<%=produto.getCodProduto()%>);" ></td>
                                <td><input type="button" name="delete" value="Delete" style="background-color:red;font-weight:bold;color:white;" onclick="deleteRecord(<%=produto.getCodProduto()%>);" ></td>
                            </tr>
                        </table>
                  
                        <%
                            }
                            produtoDAO.desconectar();
                        %> 
                    </table>
                    --%>
                </form>

                <div id="data-grid-local"></div>
                <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
                <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
                <script type="text/javascript" src="js/jquery.ui.datagrid.min.js"></script>
                <script>
                    (function($) {
                    var $dgLocal = $('#data-grid-local')

                            $dgLocal.datagrid({
                            jsonStore: {
                    <%
                        ProdutoDAO produtoDAO2 = new ProdutoDAO();
                        produtoDAO2.conectar();

                        ArrayList<ProdutoBean> listaProduto2 = produtoDAO2.buscarTodos();

                        for (ProdutoBean produto2 : listaProduto2) {
                    %>
                            data: {"rows": [
                            {"codigo":"<%=produto2.getCodProduto()%>", "descricao": "<%=produto2.getDscProduto()%>", "valor": "<%=produto2.getVlrProduto()%>"}
                            ]}
                    <%
                        }
                    %>
                            }
                            , autoLoad: true
                                    , title: 'Editor de Produtos'
                                    , rowNumber: true
                                    , toolBarButtons: [{
                                    label: 'Editar'
                                            , icon: 'arrowthickstop-1-s'
                                            , fn: function(dg) {
                    <%--$(dg).datagrid('load');
                            $(this).trigger('mouseleave.button').button('disable');--%>
                                            alert("Editar clicado")
                                            }
                                    }, {/*
                                     label: 'Get Selected Rows'
                                     ,icon: 'calculator'
                                     ,fn: function(dg) {
                                     alert($(dg).datagrid('getSelectedRows').join())
                                     }
                                     },{*/
                                    label: 'Excluir'
                                            , icon: 'delete'
                                            , fn: function(dg) {
                    <%--$(dg).datagrid('clearSelectedRows')--%>
                                            alert("Excluir clicado")
                                            }
                                    }]
                                    , onSelectRow: function() {
                    <%--document.getElementById("cod_produto").value = <%=variavel%>  --%>

                    <%--var l = [], d = [];
                            $(this.cells).each(function(k, v) {
                    l[l.length] = '<li><a href="#d' + k + '">td ' + k + '</a></li>';
                            d[d.length] = '<div id="d' + k + '" class="ui-state-active ui-corner-all" style="margin:3px;padding:3px">' + v.innerHTML + '</div>';
                    })

                                            $('<div />')
                                            .css('padding', '4px')
                                            .html('<div><ul>' + l.join('') + '</ul>' + d.join('') + '</div>')
                                            .appendTo(document.body)
                                            .children()
                                            .height(130)
                                            .tabs()
                                            .end()
                                            .dialog({
                                            modal: true
                                                    , title: 'Row data'
                                                    , resizable: false
                                                    , close: function() {
                                                    $(this).children().tabs('destroy').remove().end().dialog('destroy').remove()
                                                    }
                                            })

                                            l = d = null--%>
                                    alert("Elemento Clicado ")
                                    }
                            , mapper: [{
                            name: 'codigo', alias: 'Código', css: {width: 50, textAlign: 'center'}
                            }, {
                            name: 'descricao', alias: 'Descrição', css: {width: 200, textAlign: 'left'}
                            }, {
                            name: 'valor', alias: 'Valor', css: {textAlign: 'left'}
                            }]
                            })

                    })(jQuery)
                </script>
                <script>
                            toolBarButtons:[{
                            label: 'Load'
                                    , icon: 'arrowthickstop-1-s'
                                    , fn: function(dg) {
                                    $(dg).datagrid('load');
                                            $(this).trigger('mouseleave.button').button('disable');
                                    }
                            }, {
                            label: 'Reset'
                                    , icon: 'refresh'
                                    , fn: function(dg) {
                                    $(dg).datagrid('clearSelectedRows')
                                    }
                            }, {
                            label: 'Delete'
                                    , icon: 'delete'
                                    , fn: function(dg) {
                                    $(dg).datagrid('clearSelectedRows')
                                    }
                            }]
                </script> 

            </div>
        </div>

    </body>

</body>

</html>
